<template>
  <div>
    <h1>v-model的使用, 使用场景 1.展示默认数据 2.收集用户数据</h1>
    用户名:<input type="text" v-model="user.username" /> <br />
    密码:<input type="text" v-model="user.password" @keyup.enter="login" />
    <br />
    <button @click="login">登录</button>
  </div>
</template>

<script>
export default {
  //定义数据 ,必须为函数,且返回一个对象
  data() {
    return {
      user: {
        username: "",

        password: "",
      },
    };
  },
  methods: {
    login() {
      console.log(this.user);
    },
  },
};
</script>

<style lang="less" scoped>
</style>
